<template>
    <div>
<van-tabs v-model:active="active">
  <van-tab title="精选">
    <van-swipe :autoplay="3000" lazy-render>
        <van-swipe-item><img src="../views/img/首页pp_07.jpg" alt=""style="width: 100%;
    height: 200px;"></van-swipe-item>
  <van-swipe-item v-for="image in images" :key="image">
    <img :src="image" style="width: 100%;
    height: 200px;"/>
 
  </van-swipe-item>
</van-swipe>
<img src="../views/img/首页_031_03.jpg" alt="">
<van-grid :border="false" :column-num="5">
  <van-grid-item>
   <img src="../views/img/首页_03.jpg" alt="">
    <span style="font-size: 12px;">车型大全</span>
  </van-grid-item>
  <van-grid-item>
     <img src="../views/img/首页_05.jpg" alt="">
    <span style="font-size: 12px;">排行榜</span>
  </van-grid-item>
  <van-grid-item>
      <img src="../views/img/首页_07.jpg" alt="">
    <span style="font-size: 12px;">车友圈</span>
  </van-grid-item>
    <van-grid-item>
      <img src="../views/img/首页_09.jpg" alt="">
    <span style="font-size: 12px;">二手车</span>
  </van-grid-item>
    <van-grid-item>
    <img src="../views/img/首页_11.jpg" alt="">
    <span style="font-size: 12px;">条件找车</span>
  </van-grid-item>
</van-grid>
<img src="../views/img/首页_19.jpg" alt="">
</van-tab>
  <van-tab title="本地">本地</van-tab>
  <van-tab title="新车">新车</van-tab>
  <van-tab title="视频看车">视频看车</van-tab>
  <van-tab title="导购">导购</van-tab>

</van-tabs>
    </div>
</template>

<script setup>
    const images = [
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
    ];
</script>

<style lang="scss" scoped>

</style>